@charset "utf-8";
.topnav{
    height: 100px;
    padding: 15px 0;
    box-sizing: border-box;
    color: #4b5f51;
 }
 /* 图片左浮动 */
 .topnav img{
     float: left;
     margin-right: 30px;
     
 }
 /* 文字样式 */
 .topnav p{
     float: left;
     /* line-height: 67px; */
     margin-top: 18px;
     padding-left: 15px;
     border-left: 1px solid #4b5f51;
 }
 .topnav p span{
     font-size: 10px;
 }
 .topnav nav{
     float: left;
     line-height: 67px;
     margin-left: 35px;    
 }
 .topnav nav a{
     display: inline-block;
     color: #4b5f51;
     margin-right: 60px;
 }
 .topnav nav a:hover{
     width: 100px;
     height: 67px;
     background: #00ae69;
     color: #fff;
     text-align: center;
 }
 /* 顶部导航结束 */

 /* 横幅 */
 .banner img{
     width: 100%;
     height: 100%;
 }
 .banner{
     position: relative;
 }
 .banner p{
     position: absolute;
     top: 132px;
     right: 292px;
     font-size: 12px;
 }
 .banner p span{
     font-size: 28px;
     color: #0b3323;
 }
 
 .banner div{
     position: absolute;
     background: rgba(0, 0, 0, 0.5);
     bottom: 4px;
     height: 50px;
     line-height: 50px;
     width: 100%;
 }
 .banner div a{
     display: inline-block;
     color: #fff;
     margin-right: 200px;
     width: 100px;
     /* border-left: 1px solid #6a736b; */
     /* border-right: 1px solid #6a736b; */
     /* margin-left: 10px; */

 }

 /* 三张图片 */


 .sztp{
     background: url(../img/images/zhu1.jpg);
     height: 678px;
     z-index: 1;
     position: relative;
 }
 .box1{
     position: relative;
 }
 
 .sztp .box2{
     background: url(../img/images/introduction_v668.jpg);
     width: 590px;
     height: 440px;
     font-size: 12px;
     box-sizing: border-box;
     padding: 88px 71px 105px 24px ;
     position: absolute;
     top: 100px;
     z-index: 3;
   
 }
 .box2 h4{
     font-size: 24px;
     margin-bottom: 15px;
 }
 .box2 h4 span{
     color: #05a96f;
 }
 .box2 p{
     line-height: 28px;
 }
 .box3 img{
     width: 670px;
     height: 440px;
     position: absolute;
     top: 77px;
     left: 570px;
     z-index: 2;
 }
 /* 三张图片结束 */

 /* 日月精华 */
 .ry{
     background: url(../img/images/rezf.jpg) no-repeat;
      /* background-size: 100% 436px;  */
      width: 100%; 
       height: 436px;
      position: relative;
 }
 
 .ry p{
     color: #fff;
     position: absolute;
     top: 180px;
     left: 620px;
     font-size: 12px;
     line-height: 20px;
 }
 .ry p span{
     font-size: 20px;
 }

 .hot{
     width: 100%;
     height: 180px;
     background-color: #0c9e58;
     text-align: center;
     box-sizing: border-box;
     padding: 70px 0;
      
 }
 .hot div p{
     display: inline-block;
     width: 300px;
    height: 180px;
     color: #fff;
     font-size: 12px;
 }
 /* .hot div .two,.four{
     background: #25a766;
 } */

 .gg .kk{
     float: left;
     margin-right: 30px;
 }
.gg {
    padding: 75px 354px 122px 338px;
    /* float: right; */
}


/* 最后 */
footer .jm{
    background: #00ae69;
    text-align: center;
    height: 50px;
    
}
footer nav a{
    margin-right: 80px;
    line-height: 50px;
    color: #fff;
}
.last{
    box-sizing: border-box;
    padding: 30px 100px;
    background: #d7ece2;
    font-size: 12px;
    text-align: center;
}
.last .yy li{
    padding: 4px 0;
    
}
.last ul{
    vertical-align: top;
}
.last ul{
    display: inline-block;
    text-align: center;
    margin: 0 50px;
}
.zp img{
    width: 112px;
    height: 112px;
}
.kb{
    background: #d7ece2;
    height: 65px;
    border-top: 1px solid #c7dcd2;
    text-align: center;
    line-height: 65px;
    color: #56613a;
    font-size: 12px;
}

